
<!DOCTYPE html>

<html>
<head>
    <!-- Basic Page Needs
    ================================================== -->
    <meta charset="utf-8">
    <title>Homepages</title>
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Mobile Specific Metas
      ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <!-- Favicon
      ================================================== -->
    <link rel="shortcut icon" href="favicon.png" />
    <!-- Font
================================================== -->
    <link rel="stylesheet" type="text/css" href="fonts/material-design-iconic-font/css/material-design-iconic-font.min.css">
    <link rel="stylesheet" type="text/css" href="fonts/linearicons/style.css">
    <link rel="stylesheet" type="text/css" href="css/poppins-font.css">
    <!-- CSS
  ================================================== -->
    <!-- Bootrap -->
    <link rel="stylesheet" href="vendor/bootrap/css/bootstrap.min.css"/>
    <!-- Owl Carousel 2 -->
    <link rel="stylesheet" href="vendor/owl/css/owl.carousel.min.css">
    <link rel="stylesheet" href="vendor/owl/css/owl.theme.default.min.css">
    <link rel="stylesheet" href="vendor/owl/css/animate.css">
    <link rel="stylesheet" href="layui/css/layui.css">
    <!-- Slider Revolution CSS Files -->
    <link rel="stylesheet" type="text/css" href="vendor/revolution/css/settings.css">
    <link rel="stylesheet" type="text/css" href="vendor/revolution/css/layers.css">
    <link rel="stylesheet" type="text/css" href="vendor/revolution/css/navigation.css">
    <!-- fancybox-master Library -->
    <link rel="stylesheet" type="text/css" href="vendor/fancybox-master/css/jquery.fancybox.min.css">
    <!-- Audio Library-->
    <link rel="stylesheet" href="vendor/mejs/mediaelementplayer.css">
    <!-- noUiSlider Library -->
    <link rel="stylesheet" type="text/css" href="vendor/nouislider/css/nouislider.css">
    <!-- Main Style Css -->
    <link rel="stylesheet" href="css/style.css"/>
</head>
<body class="homepages-1">
<!-- Images Loader -->
<div class="images-preloader">
    <div id="preloader_1" class="rectangle-bounce">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
    </div>
</div>
<header class="header">
    <!-- Show Desktop Header -->
    <div class="show-desktop-header header-hp-1 style-header-hp-1">
        <div id="js-navbar-fixed" class="menu-desktop">
            <div class="container-fluid">
                <div class="menu-desktop-inner">
                    <!-- Logo -->
                    <div class="logo">
                        <a href="index.html"><img src="images/icons/logo-black.png" alt="logo"></a>
                    </div>
                    <!-- Main Menu -->
                    <nav class="main-menu">
                        <ul>
                            <li class="menu-item">
                                <a href="index.html" class="current">
                                    家
                                </a>
                                <!--<ul class="sub-menu">-->
                                <!--&lt;!&ndash;<li><a href="index.jsp">Homepages 1</a></li>&ndash;&gt;-->
                                <!--&lt;!&ndash;<li><a href="index2.html">Homepages 2</a></li>&ndash;&gt;-->
                                <!--&lt;!&ndash;<li><a href="index3.html">Homepages 3</a></li>&ndash;&gt;-->
                                <!--&lt;!&ndash;<li><a href="index4.html">Homepages 4</a></li>&ndash;&gt;-->
                                <!--&lt;!&ndash;<li><a href="index5.html">Homepages 5</a></li>&ndash;&gt;-->
                                <!--&lt;!&ndash;<li><a href="index6.html">Homepages 6</a></li>&ndash;&gt;-->
                                <!--</ul>-->
                            </li>
                            <li class="menu-item">
                                <a href="about-us.html">
                                    PAGES
                                </a>
                                <ul class="sub-menu">
                                    <li><a href="about-us.html">关于我们</a></li>
                                    <li><a href="contact-us.html">联系我们</a></li>
                                    <li><a href="coming-soon.html">快来了</a></li>
                                    <!--<li><a href="error.html">404 Error</a></li>-->
                                </ul>
                            </li>
                            <li class="menu-item mega-menu">
                                <a href="shop-full-width.html">
                                    店
                                </a>
                                <ul class="sub-menu">
                                    <li class="sub-menu-item">
                                        <ul class="one">
                                            <li class="title">
                                                商店类型
                                            </li>
                                            <!--<li><a href="shop-full-width.html">Shop Full Width</a></li>-->
                                            <!--<li><a href="shop-right-width-siderbar.html">Shop Right Width Sidebar</a></li>-->
                                            <!--<li><a href="shop-left-width-siderbar.html">Shop Left Width Sidebar</a></li>-->
                                            <li><a href="shop-single-v1.html">购买 Single_v1</a></li>
                                            <li><a href="shop-single-v2.html">购买 Single_v2</a></li>
                                        </ul>
                                    </li>
                                    <li class="sub-menu-item">
                                        <ul class="second">
                                            <li class="title">
                                                商店页面
                                            </li>
                                            <li><a href="shop-cart.jsp">购物车</a></li>
                                            <li><a href="wish-list.html">愿望清单</a></li>
                                            <li><a href="check-out.jsp">查看</a></li>
                                            <li><a href="my-account.html">我的账户</a></li>
                                            <li><a href="order-tracking.jsp">订单跟踪</a></li>
                                        </ul>
                                    </li>
                                    <li class="sub-menu-item sub-menu-item-1">
                                        <figure>
                                            <img src="images/header-shop-images.png" alt="shop">
                                        </figure>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item">
                                <a href="blog-masonry.html">
                                    博客
                                </a>
                                <ul class="sub-menu">
                                    <li><a href="blog-masonry.html">博客砌体</a></li>
                                    <li>
                                        <a href="#">
                                            博客标准
                                            <i class="zmdi zmdi-chevron-right"></i>
                                        </a>
                                        <ul class="sub-menu menu-levels">
                                            <li><a href="#">右侧边栏</a></li>
                                            <li><a href="#">左侧边栏</a></li>
                                            <li><a href="#">没有补充工具栏</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#">
                                            发布类型
                                            <i class="zmdi zmdi-chevron-right"></i>
                                        </a>
                                        <ul class="sub-menu menu-levels">
                                            <li><a href="#">标准邮政</a></li>
                                            <li><a href="#">画廊邮报</a></li>
                                            <li><a href="#">链接帖子</a></li>
                                            <li><a href="#">引用帖子</a></li>
                                            <li><a href="#">视频发布</a></li>
                                            <li><a href="#">音频发布</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item">
                                <a href="standard-grid.html">
                                    投资组合
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="standard-grid.html">
                                            标准清单
                                            <i class="zmdi zmdi-chevron-right"></i>
                                        </a>
                                        <ul class="sub-menu menu-levels">
                                            <li><a href="#">标准网格</a></li>
                                            <li><a href="#">标准宽</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="gallery-grid.html">
                                            图库列表
                                            <i class="zmdi zmdi-chevron-right"></i>
                                        </a>
                                        <ul class="sub-menu menu-levels">
                                            <li><a href="#">画廊Gird</a></li>
                                            <li><a href="#">画廊广</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#">
                                            砌体清单
                                            <i class="zmdi zmdi-chevron-right"></i>
                                        </a>
                                        <ul class="sub-menu menu-levels">
                                            <li><a href="#">砌体网格</a></li>
                                            <li><a href="#">砌体宽</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#">
                                            布局
                                            <i class="zmdi zmdi-chevron-right"></i>
                                        </a>
                                        <ul class="sub-menu menu-levels">
                                            <li><a href="#">两列网格</a></li>
                                            <li><a href="#">三列网格</a></li>
                                            <li><a href="#">三列宽</a></li>
                                            <li><a href="#">四列网格</a></li>
                                            <li><a href="#">四列宽</a></li>
                                            <li><a href="#">五列宽</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#">
                                            单一类型
                                            <i class="zmdi zmdi-chevron-right"></i>
                                        </a>
                                        <ul class="sub-menu menu-levels">
                                            <li><a href="#">小图片</a></li>
                                            <li><a href="#">大图像</a></li>
                                            <li><a href="#">小滑块</a></li>
                                            <li><a href="#">大滑块</a></li>
                                            <li><a href="#">小画廊</a></li>
                                            <li><a href="#">大画廊</a></li>
                                            <li><a href="#">小砌体</a></li>
                                            <li><a href="#">大砌体</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item mega-menu mega-menu-1">
                                <a href="product-categories.html">
                                    ELEMENTS
                                </a>
                                <ul class="sub-menu">
                                    <li class="sub-menu-item">
                                        <ul>
                                            <li class="title">
                                                商店 / 产品
                                            </li>
                                            <li><a href="product-categories.html">产品类别</a></li>
                                            <li><a href="#">标准清单</a></li>
                                            <li><a href="#">产品小工具</a></li>
                                            <li><a href="#">砌体清单</a></li>
                                            <li><a href="#">产品展示</a></li>
                                        </ul>
                                    </li>
                                    <li class="sub-menu-item">
                                        <ul class="second">
                                            <li class="title">
                                                主题化
                                            </li>
                                            <li><a href="banner.html">旗帜</a></li>
                                            <li><a href="our-team.html">我们的队伍</a></li>
                                            <li><a href="testimonial.html">见证</a></li>
                                            <li><a href="countdown-timer.html">倒计时器</a></li>
                                            <li><a href="#">Mailchimp 表格</a></li>
                                        </ul>
                                    </li>
                                    <li class="sub-menu-item sub-menu-item-1">
                                        <figure>
                                            <img src="images/header-elements-images.png" alt="elements">
                                        </figure>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                    <!-- Header Right -->
                    <div class="header-right">
                        <!-- Search -->
                        <div class="search-btn-wrap">
                            <button class="search-btn" data-toggle="modal" data-target="#searchModal">
                                <img src="images/icons/header-icon-1.png" alt="search">
                            </button>
                        </div>
                        <!-- Cart -->
                        <div class="site-header-cart">
                            <div class="cart-contents">
                                <img src="images/icons/header-icon-2.png" alt="cart">
                            </div>
                            <div class="widget_shopping_cart">
                                <div class="widget_shopping_cart_content">
                                    <ul class="woocommerce-mini-cart cart_list product_list_widget ">
                                        <li class="woocommerce-mini-cart-item mini_cart_item clearfix">
                                            <a class="product-image" href="#">
                                                <img src="images/hp-1-drop-cart-1.png" alt="cart-1">
                                            </a>
                                            <a class="product-title" href="#">Low Table/Stool</a>
                                            <span class="quantity">
													4 ×
													<span class="woocommerce-Price-amount amount">
														<span class="woocommerce-Price-currencySymbol">$</span>
														29
													</span>
												</span>
                                            <a href="#" class="remove">
                                                <span class="lnr lnr-cross"></span>
                                            </a>
                                        </li>
                                        <li class="woocommerce-mini-cart-item mini_cart_item clearfix">
                                            <a class="product-image" href="#">
                                                <img src="images/hp-1-drop-cart-2.png" alt="cart-2">
                                            </a>
                                            <a class="product-title" href="#">Set of 3 Porcelain</a>
                                            <span class="quantity">
													2 ×
													<span class="woocommerce-Price-amount amount">
														<span class="woocommerce-Price-currencySymbol">$</span>
														124
													</span>
												</span>
                                            <a href="#" class="remove">
                                                <span class="lnr lnr-cross"></span>
                                            </a>
                                        </li>
                                    </ul>
                                    <p class="woocommerce-mini-cart__total total">
                                        <span>Subtotal:</span>
                                        <span class="woocommerce-Price-amount amount">
												<span class="woocommerce-Price-currencySymbol">$</span>
												364
											</span>
                                    </p>
                                    <p class="woocommerce-mini-cart__buttons buttons">
                                        <a href="#" class="button wc-forward au-btn btn-small">View Cart</a>
                                        <a href="#" class="button checkout wc-forward au-btn au-btn-black btn-small">Checkout</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <!-- Canvas -->
                        <div class="canvas canvas-btn-wrap">
                            <button class="canvas-images canvas-btn" data-toggle="modal" data-target="#canvasModal">
                                <img src="images/icons/header-icon-3.png" alt="canvas">
                            </button>

                        </div>
                    </div>
                </div>
                <!-- SEARCH MODAL-->
                <div class="modal fade" id="searchModal" role="dialog">
                    <button class="close" type="button" data-dismiss="modal">
                        <i class="zmdi zmdi-close"></i>
                    </button>
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-body">
                                <form id="searchModal__form" method="POST">
                                    <button id="searchModal__submit" type="submit">
                                        <i class="zmdi zmdi-search"></i>
                                    </button>
                                    <input id="searchModal__input" type="text" name="search" placeholder="Search Here ..." />
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- END SEARCH MODAL-->

                <!-- CANVAS MODAL-->
                <div class="modal fade" id="canvasModal" role="dialog">
                    <button class="close" type="button" data-dismiss="modal">
                        <i class="zmdi zmdi-close"></i>
                    </button>
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-body">
                                <div class="canvas-content">
                                    <div class="logo">
                                        <a href="index.html"><img src="images/icons/logo-black.png" alt="logo"></a>
                                    </div>
                                    <div class="insta">
                                        <div class="insta-inner">
                                            <div class="images">
                                                <a href="#" class="images-inner">
                                                    <div class="overlay"></div>
                                                    <img src="images/hp-1-canvas-1.jpg" alt="insta">
                                                </a>
                                            </div>
                                            <div class="images">
                                                <a href="#" class="images-inner">
                                                    <div class="overlay"></div>
                                                    <img src="images/hp-1-canvas-2.jpg" alt="insta">
                                                </a>
                                            </div>
                                            <div class="images">
                                                <a href="#" class="images-inner">
                                                    <div class="overlay"></div>
                                                    <img src="images/hp-1-canvas-3.jpg" alt="insta">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="insta-inner">
                                            <div class="images">
                                                <a href="#" class="images-inner">
                                                    <div class="overlay"></div>
                                                    <img src="images/hp-1-canvas-4.jpg" alt="insta">
                                                </a>
                                            </div>
                                            <div class="images">
                                                <a href="#" class="images-inner">
                                                    <div class="overlay"></div>
                                                    <img src="images/hp-1-canvas-5.jpg" alt="insta">
                                                </a>
                                            </div>
                                            <div class="images">
                                                <a href="#" class="images-inner">
                                                    <div class="overlay"></div>
                                                    <img src="images/hp-1-canvas-6.jpg" alt="insta">
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="contact">
                                        <h4>Contact</h4>
                                        <div class="contact-inner">
                                            <i class="zmdi zmdi-map"></i>
                                            <div class="contact-info">
                                                <span>No 40 Baria Sreet 133/2</span>
                                            </div>
                                        </div>
                                        <div class="contact-inner">
                                            <i class="zmdi zmdi-phone"></i>
                                            <div class="contact-info">
                                                <span><a href="tel:15618003666666">+ (156) 1800-366-6666</a></span>
                                            </div>
                                        </div>
                                        <div class="contact-inner">
                                            <i class="zmdi zmdi-email"></i>
                                            <div class="contact-info">
                                                <span><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="01447368622c3933416479606c716d642f626e6c">[email&#160;protected]</a></span>
                                            </div>
                                        </div>
                                        <div class="contact-inner">
                                            <i class="zmdi zmdi-globe"></i>
                                            <div class="contact-info">
                                                <span>www.novas.com</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="email">
                                        <div class="send">
                                            <i class="zmdi zmdi-mail-send"></i>
                                        </div>
                                        <input type="email" required="" pattern="[^@]+@[^@]+.[a-zA-Z]{2,6}" name="email" placeholder="Your e-mail...">
                                    </div>
                                    <div class="socials">
                                        <a href="#"><i class="zmdi zmdi-facebook"></i></a>
                                        <a href="#"><i class="zmdi zmdi-twitter"></i></a>
                                        <a href="#"><i class="zmdi zmdi-tumblr"></i></a>
                                        <a href="#"><i class="zmdi zmdi-instagram"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- END CANVAS MODAL-->
            </div>
        </div>
    </div>
    <!-- Show Mobile Header -->
    <div  id="js-navbar-mb-fixed" class="show-mobile-header">
        <!-- Logo And Hamburger Button -->
        <div class="mobile-top-header">
            <div class="logo-mobile">
                <a href="index.html"><img src="images/icons/logo-black.png" alt="logo"></a>
            </div>
            <button class="hamburger hamburger--spin hidden-tablet-landscape-up" id="toggle-icon">
					<span class="hamburger-box">
						<span class="hamburger-inner"></span>
					</span>
            </button>
        </div>
        <!-- Au Navbar Menu -->
        <div class="au-navbar-mobile navbar-mobile-1">
            <div class="au-navbar-menu">
                <ul>
                    <li class="drop">
                        <a class="drop-link" href="#">
                            HOME
                            <span class="arrow">
									<i class="zmdi zmdi-chevron-down"></i>
								</span>
                        </a>
                        <ul class="drop-menu bottom-right">
                            <li><a href="index.html">Home Page 1</a></li>
                            <li><a href="index2.html">Home Page 2</a></li>
                            <li><a href="index3.html">Home Page 3</a></li>
                            <li><a href="index4.html">Home Page 4</a></li>
                            <li><a href="index5.html">Home Page 5</a></li>
                            <li><a href="index6.html">Home Page 6</a></li>
                        </ul>
                    </li>
                    <li class="drop">
                        <a class="drop-link" href="#">
                            PAGES
                            <span class="arrow">
									<i class="zmdi zmdi-chevron-down"></i>
								</span>
                        </a>
                        <ul class="drop-menu bottom-right">
                            <li><a href="about-us.html">About Us</a></li>
                            <li><a href="contact-us.html">Contact Us</a></li>
                            <li><a href="coming-soon.html">Coming Soon</a></li>
                            <li><a href="error.html">404 Error</a></li>
                        </ul>
                    </li>
                    <li class="drop">
                        <a class="drop-link" href="#">
                            SHOP
                            <span class="arrow">
									<i class="zmdi zmdi-chevron-down"></i>
								</span>
                        </a>
                        <ul class="drop-menu bottom-right">
                            <li class="drop">
                                <a class="drop-link" href="#">
                                    SHOP TYPES
                                    <span class="arrow">
										<i class="zmdi zmdi-chevron-down"></i>
									</span>
                                </a>
                                <ul class="drop-menu bottom-right">
                                    <li><a class="drop-menu-inner" href="shop-full-width.html">Shop Full Width</a></li>
                                    <li><a class="drop-menu-inner" href="shop-right-width-siderbar.html">Shop Right Width Sidebar</a></li>
                                    <li><a class="drop-menu-inner" href="shop-left-width-siderbar.html">Shop Left Width Sidebar</a></li>
                                    <li><a class="drop-menu-inner" href="shop-single-v1.html">Shop Single_v1</a></li>
                                    <li><a class="drop-menu-inner" href="shop-single-v2.html">Shop Single_v2</a></li>
                                </ul>
                            </li>
                            <li class="drop">
                                <a class="drop-link" href="#">
                                    SHOP PAGES
                                    <span class="arrow">
										<i class="zmdi zmdi-chevron-down"></i>
									</span>
                                </a>
                                <ul class="drop-menu bottom-right">
                                    <li><a class="drop-menu-inner" href="shop-cart.jsp">Shop Cart</a></li>
                                    <li><a class="drop-menu-inner" href="wish-list.html">Wish List</a></li>
                                    <li><a class="drop-menu-inner" href="check-out.jsp">Check Out</a></li>
                                    <li><a class="drop-menu-inner" href="my-account.html">My Account</a></li>
                                    <li><a class="drop-menu-inner" href="order-tracking.jsp">Order Tracking</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="drop">
                        <a class="drop-link" href="#">
                            BLOG
                            <span class="arrow">
									<i class="zmdi zmdi-chevron-down"></i>
								</span>
                        </a>
                        <ul class="drop-menu bottom-right">
                            <li><a href="blog-masonry.html">BLOG MASONRY</a></li>
                            <li class="drop">
                                <a class="drop-link" href="#">
                                    BLOG STANDARD
                                    <span class="arrow">
										<i class="zmdi zmdi-chevron-down"></i>
									</span>
                                </a>
                                <ul class="drop-menu bottom-right">
                                    <li><a class="drop-menu-inner" href="right-sidebar.html">Right Sidebar</a></li>
                                    <li><a class="drop-menu-inner" href="left-sidebar.html">Left Sidebar</a></li>
                                    <li><a class="drop-menu-inner" href="no-sidebar.html">No Sidebar</a></li>
                                </ul>
                            </li>
                            <li class="drop">
                                <a class="drop-link" href="#">
                                    POST TYPES
                                    <span class="arrow">
										<i class="zmdi zmdi-chevron-down"></i>
									</span>
                                </a>
                                <ul class="drop-menu bottom-right">
                                    <li><a class="drop-menu-inner" href="standard-post.html">Standard Post</a></li>
                                    <li><a class="drop-menu-inner" href="gallery-post.html">Gallery Post</a></li>
                                    <li><a class="drop-menu-inner" href="link-post.html">Link Post</a></li>
                                    <li><a class="drop-menu-inner" href="quote-post.html">Quote Post</a></li>
                                    <li><a class="drop-menu-inner" href="video-post.html">Video Post</a></li>
                                    <li><a class="drop-menu-inner" href="audio-post.html">Audio Post</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="drop">
                        <a class="drop-link" href="#">
                            PORTFOLIO
                            <span class="arrow">
									<i class="zmdi zmdi-chevron-down"></i>
								</span>
                        </a>
                        <ul class="drop-menu bottom-right">
                            <li class="drop">
                                <a class="drop-link" href="#">
                                    STANDARD LIST
                                    <span class="arrow">
										<i class="zmdi zmdi-chevron-down"></i>
									</span>
                                </a>
                                <ul class="drop-menu bottom-right">
                                    <li><a class="drop-menu-inner" href="standard-grid.html">Standard Gird</a></li>
                                    <li><a class="drop-menu-inner" href="standard-wide.html">Standard Wide</a></li>
                                </ul>
                            </li>
                            <li class="drop">
                                <a class="drop-link" href="#">
                                    GALLERY LIST
                                    <span class="arrow">
										<i class="zmdi zmdi-chevron-down"></i>
									</span>
                                </a>
                                <ul class="drop-menu bottom-right">
                                    <li><a class="drop-menu-inner" href="gallery-grid.html">Gallery Gird</a></li>
                                    <li><a class="drop-menu-inner" href="gallery-wide.html">Gallery Wide</a></li>
                                </ul>
                            </li>
                            <li class="drop">
                                <a class="drop-link" href="#">
                                    MASONRY LIST
                                    <span class="arrow">
										<i class="zmdi zmdi-chevron-down"></i>
									</span>
                                </a>
                                <ul class="drop-menu bottom-right">
                                    <li><a class="drop-menu-inner" href="masonry-grid.html">Masonry Gird</a></li>
                                    <li><a class="drop-menu-inner" href="masonry-wide.html">Masonry Wide</a></li>
                                </ul>
                            </li>
                            <li class="drop">
                                <a class="drop-link" href="#">
                                    LAYOUTS
                                    <span class="arrow">
										<i class="zmdi zmdi-chevron-down"></i>
									</span>
                                </a>
                                <ul class="drop-menu bottom-right">
                                    <li><a class="drop-menu-inner" href="two-columns-grid.html">Two Columns Grid</a></li>
                                    <li><a class="drop-menu-inner" href="three-columns-grid.html">Three Columns Grid</a></li>
                                    <li><a class="drop-menu-inner" href="three-columns-wide.html">Three Columns Wide</a></li>
                                    <li><a class="drop-menu-inner" href="four-columns-grid.html">Four Columns Grid</a></li>
                                    <li><a class="drop-menu-inner" href="four-columns-wide.html">Four Columns Wide</a></li>
                                    <li><a class="drop-menu-inner" href="five-columns-wide.html">Five Columns Wide</a></li>
                                </ul>
                            </li>
                            <li class="drop">
                                <a class="drop-link" href="#">
                                    SINGLE TYPES
                                    <span class="arrow">
										<i class="zmdi zmdi-chevron-down"></i>
									</span>
                                </a>
                                <ul class="drop-menu bottom-right">
                                    <li><a class="drop-menu-inner" href="small-images.html">Small Images</a></li>
                                    <li><a class="drop-menu-inner" href="big-images.html">Big Images</a></li>
                                    <li><a class="drop-menu-inner" href="small-slider.html">Small Slider</a></li>
                                    <li><a class="drop-menu-inner" href="big-slider.html">Big Slider</a></li>
                                    <li><a class="drop-menu-inner" href="small-gallery.html">Small Gallery</a></li>
                                    <li><a class="drop-menu-inner" href="big-gallery.html">Big Gallery</a></li>
                                    <li><a class="drop-menu-inner" href="small-masonry.html">Small Masonry</a></li>
                                    <li><a class="drop-menu-inner" href="big-masonry.html">Big Masonry</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="drop">
                        <a class="drop-link" href="#">
                            ELEMENTS
                            <span class="arrow">
									<i class="zmdi zmdi-chevron-down"></i>
								</span>
                        </a>
                        <ul class="drop-menu bottom-right">
                            <li class="drop">
                                <a class="drop-link" href="#">
                                    SHOP / PRODUCTS
                                    <span class="arrow">
										<i class="zmdi zmdi-chevron-down"></i>
									</span>
                                </a>
                                <ul class="drop-menu bottom-right">
                                    <li><a class="drop-menu-inner" href="product-categories.html">Product Categories</a></li>
                                    <li><a class="drop-menu-inner" href="standard-list.html">Standard List</a></li>
                                    <li><a class="drop-menu-inner" href="product-widget.html">Product Widget</a></li>
                                    <li><a class="drop-menu-inner" href="masonry-list.html">Masonry List</a></li>
                                    <li><a class="drop-menu-inner" href="product-showcase.html">Product Showcase</a></li>
                                </ul>
                            </li>
                            <li class="drop">
                                <a class="drop-link" href="#">
                                    THEMING
                                    <span class="arrow">
										<i class="zmdi zmdi-chevron-down"></i>
									</span>
                                </a>
                                <ul class="drop-menu bottom-right">
                                    <li><a class="drop-menu-inner" href="banner.html">Banner</a></li>
                                    <li><a class="drop-menu-inner" href="our-team.html">Our Team</a></li>
                                    <li><a class="drop-menu-inner" href="testimonial.html">Testimonial</a></li>
                                    <li><a class="drop-menu-inner" href="countdown-timer.html">Countdown Timer</a></li>
                                    <li><a class="drop-menu-inner" href="mailchimp-form.html">Mailchimp Form</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</header>
<div class="page-content">
    <!-- Slider Revolution Section -->
    <section class="home-slider style-home-slider-hp-1">
        <!-- the ID here will be used in the inline JavaScript below to initialize the slider -->
        <div id="rev_slider_1" class="rev_slider fullscreenbanner" data-version="5.4.5">
            <ul>
                <!-- BEGIN SLIDE 1 -->
                <li data-transition="boxslide">
                    <!-- SLIDE'S MAIN BACKGROUND IMAGE -->
                    <img src="images/hp-1-slide-bg-1.jpg" alt="slide-1" class="rev-slidebg">

                    <!-- BEGIN LAYER -->
                    <div class="tp-caption tp-resizeme slide-caption-title-1"
                         data-frames='[{"delay":500,"speed":1000,"frame":"0","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":500,"frame":"999","to":"y:-20px;opacity:0;","ease":"Power3.easeInOut"}]'
                         data-fontsize="['20', '25', '30', '35']"
                         data-lineheight="['32', '35', '40', '45']"
                         data-color="#d59f9f"
                         data-textAlign="['center', 'center', 'center', 'center']"
                         data-x="['center','center','center','center']"
                         data-y="['middle','middle','middle','middle']"
                         data-hoffset="['0', '0', '0', '0']"
                         data-voffset="['-227', '-200', '-175', '-130']"
                         data-width="['187', '250', '300', '350']"
                         data-whitespace="normal"
                         data-basealign="slide"
                         data-responsive_offset="off" >
                        BEST SELLERS
                    </div>
                    <div class="tp-caption tp-resizeme slide-caption-title-2"
                         data-frames='[{"delay":1000,"speed":1000,"frame":"0","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":500,"frame":"999","to":"y:-20px;opacity:0;","ease":"Power3.easeInOut"}]'
                         data-fontsize="['90', '90', '80', '80']"
                         data-lineheight="['70', '70', '60', '60']"
                         data-color="#fff"
                         data-textAlign="['center', 'center', 'center', 'center']"
                         data-x="['center','center','center','center']"
                         data-y="['middle','middle','middle','middle']"
                         data-hoffset="['0', '0', '0', '0']"
                         data-voffset="['-140', '-117', '-110', '-90']"
                         data-width="['1200', '850', '850', '800']"
                         data-whitespace="normal"
                         data-basealign="slide"
                         data-responsive_offset="off" >
                        <span>SOFA</span> COLLECTION
                    </div>
                    <div class="tp-caption tp-resizeme slide-caption-title-3"
                         data-frames='[{"delay":0,"speed":300,"frame":"0","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                         data-fontsize="['80', '80', '80', '90']"
                         data-lineheight="['60', '60', '50', '50']"
                         data-color="['#666','#fff','#fff','#fff']"
                         data-textAlign="['center', 'center', 'center', 'center']"
                         data-x="['right','right','right','right']"
                         data-y="['bottom','bottom','bottom','bottom']"
                         data-hoffset="['27', '18', '18', '60']"
                         data-voffset="['28', '30', '30', '30']"
                         data-width="['250', '250', '300', '350']"
                         data-whitespace="normal"
                         data-basealign="slide"
                         data-responsive_offset="off" >
                        01
                    </div>
                    <div class="tp-caption tp-resizeme slide-caption-title-3"
                         data-frames='[{"delay":0,"speed":300,"frame":"0","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                         data-fontsize="['13', '15', '20', '35']"
                         data-lineheight="['32', '35', '40', '45']"
                         data-color="['#666','#fff','#fff','#fff']"
                         data-textAlign="['center', 'center', 'center', 'center']"
                         data-x="['right','right','right','right']"
                         data-y="['bottom','bottom','bottom','bottom']"
                         data-hoffset="['14', '-23', '-20', '35']"
                         data-voffset="['63', '56', '50', '37']"
                         data-width="['187', '250', '300', '350']"
                         data-whitespace="normal"
                         data-basealign="slide"
                         data-responsive_offset="off" >
                        /
                    </div>
                    <div class="tp-caption tp-resizeme slide-caption-title-3"
                         data-frames='[{"delay":0,"speed":300,"frame":"0","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                         data-fontsize="['20', '25', '30', '40']"
                         data-lineheight="['32', '35', '40', '45']"
                         data-color="['#666','#fff','#fff','#fff']"
                         data-textAlign="['center', 'center', 'center', 'center']"
                         data-x="['right','right','right','right']"
                         data-y="['bottom','bottom','bottom','bottom']"
                         data-hoffset="['-6', '-43', '-40', '15']"
                         data-voffset="['63', '56', '50', '37']"
                         data-width="['187', '250', '300', '350']"
                         data-whitespace="normal"
                         data-basealign="slide"
                         data-responsive_offset="off" >
                        03
                    </div>
                    <!-- END LAYER -->
                </li>
                <!-- END SLIDE 1 -->

                <!-- BEGIN SLIDE 2 -->
                <li data-transition="boxslide">
                    <!-- SLIDE'S MAIN BACKGROUND IMAGE -->
                    <img src="images/hp-1-slide-bg-2.jpg" alt="slide-2" class="rev-slidebg">

                    <!-- BEGIN LAYER -->
                    <div class="tp-caption tp-resizeme slide-caption-title-1"
                         data-frames='[{"delay":500,"speed":1000,"frame":"0","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":500,"frame":"999","to":"y:-20px;opacity:0;","ease":"Power3.easeInOut"}]'
                         data-fontsize="['20', '25', '30', '35']"
                         data-lineheight="['32', '35', '40', '45']"
                         data-color="#3d4552"
                         data-textAlign="['center', 'center', 'center', 'center']"
                         data-x="['center','center','center','center']"
                         data-y="['middle','middle','middle','middle']"
                         data-hoffset="['0', '0', '0', '0']"
                         data-voffset="['-227', '-200', '-175', '-130']"
                         data-width="['187', '250', '300', '350']"
                         data-whitespace="normal"
                         data-basealign="slide"
                         data-responsive_offset="off" >
                        BEST SELLERS
                    </div>
                    <div class="tp-caption tp-resizeme slide-caption-title-2"
                         data-frames='[{"delay":1000,"speed":1000,"frame":"0","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":500,"frame":"999","to":"y:-20px;opacity:0;","ease":"Power3.easeInOut"}]'
                         data-fontsize="['90', '90', '80', '80']"
                         data-lineheight="['70', '70', '60', '60']"
                         data-color="#fff"
                         data-textAlign="['center', 'center', 'center', 'center']"
                         data-x="['center','center','center','center']"
                         data-y="['middle','middle','middle','middle']"
                         data-hoffset="['0', '0', '0', '0']"
                         data-voffset="['-140', '-117', '-110', '-90']"
                         data-width="['1200', '850', '850', '800']"
                         data-whitespace="normal"
                         data-basealign="slide"
                         data-responsive_offset="off" >
                        <span>SOFA</span> COLLECTION
                    </div>
                    <div class="tp-caption tp-resizeme slide-caption-title-3"
                         data-frames='[{"delay":0,"speed":300,"frame":"0","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                         data-fontsize="['80', '80', '80', '90']"
                         data-lineheight="['60', '60', '50', '50']"
                         data-color="['#666','#fff','#fff','#fff']"
                         data-textAlign="['center', 'center', 'center', 'center']"
                         data-x="['right','right','right','right']"
                         data-y="['bottom','bottom','bottom','bottom']"
                         data-hoffset="['27', '27', '27', '60']"
                         data-voffset="['28', '30', '30', '30']"
                         data-width="['250', '250', '300', '350']"
                         data-whitespace="normal"
                         data-basealign="slide"
                         data-responsive_offset="off" >
                        02
                    </div>
                    <div class="tp-caption tp-resizeme slide-caption-title-3"
                         data-frames='[{"delay":0,"speed":300,"frame":"0","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                         data-fontsize="['13', '15', '20', '35']"
                         data-lineheight="['32', '35', '40', '45']"
                         data-color="['#666','#fff','#fff','#fff']"
                         data-textAlign="['center', 'center', 'center', 'center']"
                         data-x="['right','right','right','right']"
                         data-y="['bottom','bottom','bottom','bottom']"
                         data-hoffset="['3', '-23', '-20', '32']"
                         data-voffset="['63', '56', '50', '37']"
                         data-width="['187', '250', '300', '350']"
                         data-whitespace="normal"
                         data-basealign="slide"
                         data-responsive_offset="off" >
                        /
                    </div>
                    <div class="tp-caption tp-resizeme slide-caption-title-3"
                         data-frames='[{"delay":0,"speed":300,"frame":"0","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                         data-fontsize="['20', '25', '30', '40']"
                         data-lineheight="['32', '35', '40', '45']"
                         data-color="['#666','#fff','#fff','#fff']"
                         data-textAlign="['center', 'center', 'center', 'center']"
                         data-x="['right','right','right','right']"
                         data-y="['bottom','bottom','bottom','bottom']"
                         data-hoffset="['-17', '-43', '-40', '15']"
                         data-voffset="['63', '56', '50', '37']"
                         data-width="['187', '250', '300', '350']"
                         data-whitespace="normal"
                         data-basealign="slide"
                         data-responsive_offset="off" >
                        03
                    </div>
                    <!-- END LAYER -->
                </li>
                <!-- END SLIDE 2 -->

                <!-- BEGIN SLIDE 3 -->
                <li data-transition="boxslide">
                    <!-- SLIDE'S MAIN BACKGROUND IMAGE -->
                    <img src="images/hp-1-slide-bg-3.jpg" alt="slide-3" class="rev-slidebg">

                    <!-- BEGIN LAYER -->
                    <div class="tp-caption tp-resizeme slide-caption-title-1"
                         data-frames='[{"delay":500,"speed":1000,"frame":"0","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":500,"frame":"999","to":"y:-20px;opacity:0;","ease":"Power3.easeInOut"}]'
                         data-fontsize="['20', '25', '30', '35']"
                         data-lineheight="['32', '35', '40', '45']"
                         data-color="#3d4552"
                         data-textAlign="['center', 'center', 'center', 'center']"
                         data-x="['center','center','center','center']"
                         data-y="['middle','middle','middle','middle']"
                         data-hoffset="['0', '0', '0', '0']"
                         data-voffset="['-227', '-200', '-175', '-130']"
                         data-width="['187', '250', '300', '350']"
                         data-whitespace="normal"
                         data-basealign="slide"
                         data-responsive_offset="off" >
                        BEST SELLERS
                    </div>
                    <div class="tp-caption tp-resizeme slide-caption-title-2"
                         data-frames='[{"delay":1000,"speed":1000,"frame":"0","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":500,"frame":"999","to":"y:-20px;opacity:0;","ease":"Power3.easeInOut"}]'
                         data-fontsize="['90', '90', '80', '80']"
                         data-lineheight="['70', '70', '60', '60']"
                         data-color="#fff"
                         data-textAlign="['center', 'center', 'center', 'center']"
                         data-x="['center','center','center','center']"
                         data-y="['middle','middle','middle','middle']"
                         data-hoffset="['0', '0', '0', '0']"
                         data-voffset="['-140', '-117', '-110', '-90']"
                         data-width="['1200', '850', '850', '800']"
                         data-whitespace="normal"
                         data-basealign="slide"
                         data-responsive_offset="off" >
                        <span>SOFA</span> COLLECTION
                    </div>
                    <div class="tp-caption tp-resizeme slide-caption-title-3"
                         data-frames='[{"delay":0,"speed":300,"frame":"0","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                         data-fontsize="['80', '80', '80', '90']"
                         data-lineheight="['60', '60', '50', '50']"
                         data-color="['#666','#fff','#fff','#fff']"
                         data-textAlign="['center', 'center', 'center', 'center']"
                         data-x="['right','right','right','right']"
                         data-y="['bottom','bottom','bottom','bottom']"
                         data-hoffset="['27', '27', '27', '60']"
                         data-voffset="['28', '30', '30', '30']"
                         data-width="['250', '250', '300', '350']"
                         data-whitespace="normal"
                         data-basealign="slide"
                         data-responsive_offset="off" >
                        03
                    </div>
                    <div class="tp-caption tp-resizeme slide-caption-title-3"
                         data-frames='[{"delay":0,"speed":300,"frame":"0","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                         data-fontsize="['13', '15', '20', '35']"
                         data-lineheight="['32', '35', '40', '45']"
                         data-color="['#666','#fff','#fff','#fff']"
                         data-textAlign="['center', 'center', 'center', 'center']"
                         data-x="['right','right','right','right']"
                         data-y="['bottom','bottom','bottom','bottom']"
                         data-hoffset="['3', '-23', '-20', '32']"
                         data-voffset="['63', '56', '50', '37']"
                         data-width="['187', '250', '300', '350']"
                         data-whitespace="normal"
                         data-basealign="slide"
                         data-responsive_offset="off" >
                        /
                    </div>
                    <div class="tp-caption tp-resizeme slide-caption-title-3"
                         data-frames='[{"delay":0,"speed":300,"frame":"0","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                         data-fontsize="['20', '25', '30', '40']"
                         data-lineheight="['32', '35', '40', '45']"
                         data-color="['#666','#fff','#fff','#fff']"
                         data-textAlign="['center', 'center', 'center', 'center']"
                         data-x="['right','right','right','right']"
                         data-y="['bottom','bottom','bottom','bottom']"
                         data-hoffset="['-17', '-43', '-40', '15']"
                         data-voffset="['63', '56', '50', '37']"
                         data-width="['187', '250', '300', '350']"
                         data-whitespace="normal"
                         data-basealign="slide"
                         data-responsive_offset="off" >
                        03
                    </div>
                    <!-- END LAYER -->
                </li>
                <!-- END SLIDE 3 -->
            </ul>
        </div>
    </section>
    <!-- End Slider Revolution Section -->

    <!-- Categories Section -->
    <section class="categories-hp-1 section-box">
        <div class="container">
            <div class="categories-content">
                <div class="row">
                    <!-- Categories 1 -->
                    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                        <div class="categories-detail lighting">
                            <a href="shop-full-width.html" class="images"><img src="images/hp-1-categories-1.jpg" alt="Lighting"></a>
                            <div class="product">
                                <a href="shop-full-width.html">
										<span class="name">
											<span class="line">- </span>
											Lighting
										</span>
                                    <span class="quantity">- 12 Products</span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <!-- Categories 2 -->
                    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                        <div class="categories-detail furniture">
                            <a href="shop-full-width.html" class="images"><img src="images/hp-1-categories-2.jpg" alt="Furniture"></a>
                            <div class="product">
                                <a href="shop-full-width.html">
										<span class="name">
											<span class="line">- </span>
											Furniture
										</span>
                                    <span class="quantity">- 15 Products</span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <!-- Categories 3 -->
                    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                        <div class="categories-detail decoration">
                            <a href="shop-full-width.html" class="images"><img src="images/hp-1-categories-3.jpg" alt="Decoration"></a>
                            <div class="product">
                                <a href="shop-full-width.html">
										<span class="name">
											<span class="line">- </span>
											Decoration
										</span>
                                    <span class="quantity">- 20 Products</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Categories Section -->

    <!-- Featured Sale Section -->
    <section class="featured-hp-1">
        <div class="container">
            <div class="featured-content woocommerce">
                <h2 class="special-heading">Featured Sale</h2>
                <div class="content-area ">
                    <!--ajax传值$.each 循环-->
                    <script src="js/jquery-3.3.1.js"></script>
<!--                    <script type="text/javascript">-->
<!--                        $(function () {-->
<!--                            $.ajax({-->
<!--                                url : "http://localhost:8080/HomeMuseum_war_exploded/conmmodity/selectConmmodity.do",-->
<!--                                dataType:"json",-->
<!--                                type :'POST',-->
<!--                                success:function (data) {-->
<!--                                    if(data!=null){-->
<!--                                        var conn="";-->
<!--                                        $.each(data,function (i,con) {-->
<!--                                           conn=conn+" <a href=\"<%=request.getContextPath()%>/conmmodity/selectAllId.do?cid="+con.cid+"\" class=\"wp-post-image\">\n" +-->
<!--                                               "      <img class=\"image-cover\" src=\""+con.cimg+"\" alt=\"product\" id=\"img1\">\n"+-->
<!--                                               "</a>\n";-->

<!--                                        })-->
<!--                                        $(".ecauth").html(conn);-->
<!--                                    }-->
<!--                                }-->


<!--                            })-->

<!--                        })-->
<!--                    </script>-->
                    <div class="row">
                        <!-- Product 1 -->
                        <div class="col">
                            <div class="product type-product">
                                <div class="woocommerce-LoopProduct-link">
                                    <div class="product-image ecauth">
                                        <a href="#" class="wp-post-image">
                                            <img class="image-cover" src="" alt="product" id="img1">
                                            <script src="js/jquery-3.3.1.js"></script>
                                            <script type="text/javascript">
                                            <!--修改img src里面的值-->
                                            $(function () {

                                                $.ajax({
                                                    type: 'POST',
                                                    url: "http://localhost:8080/HomeMuseum_war_exploded/conmmodity/selectById.do?cid=1",
                                                    success:function (data) {

                                                        if(data!=null){
                                                            $("#img1").attr("src",data);
                                                        }else{
                                                            $("#img1").attr("src",111111111111);
                                                        }
                                                    }
                                                });
                                                // $(function (){
                                                //
                                                // })
                                            })


                                            </script>
                                            <!--<img class="image-secondary" src="images/hp-1-featured-11.jpg" alt="product">-->
                                        </a>
                                        <input type="text" value="1" id="im" name="cid" hidden="hidden">
                                        <a href="#" class="onsale">SALE</a>
                                        <div class="yith-wcwl-add-button show">
                                            <a href="#" class="add_to_wishlist">
                                                <i class="zmdi zmdi-favorite-outline"></i>
                                            </a>
                                        </div>
                                        <div class="button add_to_cart_button">
                                            <script type="text/javascript">
                                                <!--修改img src里面的值-->
                                              function su(){
                                                  layui.use(['layer'], function() {
                                                      layer = layui.layer //弹层
                                                  $.ajax({
                                                      type: 'POST',
                                                      url: "http://localhost:8080/HomeMuseum_war_exploded/conmmodity/idone.do?cid=1",
                                                      dataType:"text",
                                                      success:function (data) {
                                                          if(data!=null){
                                                         layer.msg("添加成功！");
                                                          }else{
                                                              layer.msg("添加失败！");
                                                          }
                                                      }
                                                  });
                                                  })
                                              }


                                            </script>
                                            <a href="#" onclick="su()">
                                               <img src="images/icons/shopping-cart-black-icon.png">
                                            </a>
                                        </div>
                                        <h5 class="woocommerce-loop-product__title"><a href="#">Ta-bl Side Table</a></h5>
                                        <span class="price">
												<del>
													<span class="woocommerce-Price-amount amount">
														<span class="woocommerce-Price-currencySymbol">$</span>
														35
													</span>
												</del>
												<ins>
													<span class="woocommerce-Price-amount amount">
														<span class="woocommerce-Price-currencySymbol">$</span>
														22
													</span>
												</ins>
											</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Product 2 -->
                        <div class="col">
                            <div class="product type-product">
                                <div class="woocommerce-LoopProduct-link">
                                    <div class="product-image">
                                        <script type="text/javascript">
                                            <!--修改img src里面的值-->
                                            $(function () {

                                                $.ajax({
                                                    type: 'POST',
                                                    url: "http://localhost:8080/HomeMuseum_war_exploded/conmmodity/selectById.do?cid=2",
                                                    success:function (data) {

                                                        if(data!=null){
                                                            $("#img2").attr("src",data);
                                                        }else{
                                                            $("#img2").attr("src",111111111111);
                                                        }
                                                    }
                                                });
                                            })
                                        </script>
                                        <a href="#" class="wp-post-image">
                                            <img class="image-cover" src="" id="img2" alt="product">
                                        </a>
                                        <div class="yith-wcwl-add-button show">
                                            <a href="#" class="add_to_wishlist">
                                                <i class="zmdi zmdi-favorite-outline"></i>
                                            </a>
                                        </div>
                                        <div class="button add_to_cart_button">
                                            <script type="text/javascript">
                                                <!--修改img src里面的值-->
                                                function su1(){
                                                    layui.use(['layer'], function() {
                                                        layer = layui.layer //弹层
                                                       layer.msg("目前不能添加!!!");
                                                    })
                                                }

                                            </script>
                                            <a href="#" onclick="su1()">
                                                <img src="images/icons/shopping-cart-black-icon.png" alt="cart">
                                            </a>
                                        </div>
                                        <h5 class="woocommerce-loop-product__title"><a href="#">Pendant Lamp</a></h5>
                                        <span class="price">
												<ins>
													<span class="woocommerce-Price-amount amount">
														<span class="woocommerce-Price-currencySymbol">$</span>
														45
													</span>
												</ins>
											</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Product 3 -->
                        <div class="col">
                            <div class="product type-product">
                                <div class="woocommerce-LoopProduct-link">
                                    <div class="product-image">
                                        <script type="text/javascript">
                                            <!--修改img src里面的值-->
                                            $(function () {

                                                $.ajax({
                                                    type: 'POST',
                                                    url: "http://localhost:8080/HomeMuseum_war_exploded/conmmodity/selectById.do?cid=3",
                                                    success:function (data) {

                                                        if(data!=null){
                                                            $("#img3").attr("src",data);
                                                        }else{
                                                            $("#img3").attr("src",111111111111);
                                                        }
                                                    }
                                                });
                                                // $(function (){
                                                //
                                                // })
                                            })


                                        </script>
                                        <a href="#" class="wp-post-image">
                                            <img class="image-cover" src="" id="img3" alt="product">
                                            <img class="image-secondary" src="images/hp-1-featured-33.jpg" alt="product">
                                        </a>
                                        <a href="#" class="onnew">NEW</a>
                                        <div class="yith-wcwl-add-button show">
                                            <a href="#" class="add_to_wishlist">
                                                <i class="zmdi zmdi-favorite-outline"></i>
                                            </a>
                                        </div>
                                        <div class="button add_to_cart_button">
                                            <a href="#">
                                                <img src="images/icons/shopping-cart-black-icon.png" alt="cart">
                                            </a>
                                        </div>
                                        <h5 class="woocommerce-loop-product__title"><a href="#">Magnolia Dream</a></h5>
                                        <span class="price">
												<ins>
													<span class="woocommerce-Price-amount amount">
														<span class="woocommerce-Price-currencySymbol">$</span>
														18
													</span>
												</ins>
											</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Product 4 -->
                        <div class="col">
                            <div class="product type-product">
                                <div class="woocommerce-LoopProduct-link">
                                    <div class="product-image">
                                        <script type="text/javascript">
                                            <!--修改img src里面的值-->
                                            $(function () {

                                                $.ajax({
                                                    type: 'POST',
                                                    url: "http://localhost:8080/HomeMuseum_war_exploded/conmmodity/selectById.do?cid=4",
                                                    success:function (data) {

                                                        if(data!=null){
                                                            $("#img4").attr("src",data);
                                                        }else{
                                                            $("#img4").attr("src",111111111111);
                                                        }
                                                    }
                                                });
                                                // $(function (){
                                                //
                                                // })
                                            })


                                        </script>
                                        <a href="#" class="wp-post-image">
                                            <img class="image-cover" src=""  id="img4" alt="product">
                                            <img class="image-secondary" src="images/hp-1-featured-44.jpg" alt="product">
                                        </a>
                                        <div class="yith-wcwl-add-button show">
                                            <a href="#" class="add_to_wishlist">
                                                <i class="zmdi zmdi-favorite-outline"></i>
                                            </a>
                                        </div>
                                        <div class="button add_to_cart_button">
                                            <a href="#">
                                                <img src="images/icons/shopping-cart-black-icon.png" alt="cart">
                                            </a>
                                        </div>
                                        <h5 class="woocommerce-loop-product__title"><a href="#">Elephant Chair</a></h5>
                                        <span class="price">
												<ins>
													<span class="woocommerce-Price-amount amount">
														<span class="woocommerce-Price-currencySymbol">$</span>
														56
													</span>
												</ins>
											</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Product 5 -->
                        <div class="col">
                            <div class="product type-product">
                                <div class="woocommerce-LoopProduct-link">
                                    <div class="product-image">
                                        <script type="text/javascript">
                                            <!--修改img src里面的值-->
                                            $(function () {

                                                $.ajax({
                                                    type: 'POST',
                                                    url: "http://localhost:8080/HomeMuseum_war_exploded/conmmodity/selectById.do?cid=5",
                                                    success:function (data) {

                                                        if(data!=null){
                                                            $("#img5").attr("src",data);
                                                        }else{
                                                            $("#img5").attr("src",111111111111);
                                                        }
                                                    }
                                                });
                                                // $(function (){
                                                //
                                                // })
                                            })


                                        </script>
                                        <a href="#" class="wp-post-image">
                                            <img class="image-cover" src="" id="img5" alt="product">
                                            <img class="image-secondary" src="images/hp-1-featured-55.jpg" alt="product">
                                        </a>
                                        <div class="yith-wcwl-add-button show">
                                            <a href="#" class="add_to_wishlist">
                                                <i class="zmdi zmdi-favorite-outline"></i>
                                            </a>
                                        </div>
                                        <div class="button add_to_cart_button">
                                            <a href="#">
                                                <img src="images/icons/shopping-cart-black-icon.png" alt="cart">
                                            </a>
                                        </div>
                                        <h5 class="woocommerce-loop-product__title"><a href="#">Planting Light</a></h5>
                                        <span class="price">
												<ins>
													<span class="woocommerce-Price-amount amount">
														<span class="woocommerce-Price-currencySymbol">$</span>
														41
													</span>
												</ins>
											</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <!-- Product 6 -->
                        <div class="col">
                            <div class="product type-product">
                                <div class="woocommerce-LoopProduct-link">
                                    <div class="product-image">
                                        <script type="text/javascript">
                                            <!--修改img src里面的值-->
                                            $(function () {

                                                $.ajax({
                                                    type: 'POST',
                                                    url: "http://localhost:8080/HomeMuseum_war_exploded/conmmodity/selectById.do?cid=6",
                                                    success:function (data) {

                                                        if(data!=null){
                                                            $("#img6").attr("src",data);
                                                        }else{
                                                            $("#img6").attr("src",111111111111);
                                                        }
                                                    }
                                                });
                                            })
                                        </script>
                                        <a href="#" class="wp-post-image">
                                            <img src="" id="img6" alt="product">
                                        </a>
                                        <div class="yith-wcwl-add-button show">
                                            <a href="#" class="add_to_wishlist">
                                                <i class="zmdi zmdi-favorite-outline"></i>
                                            </a>
                                        </div>
                                        <div class="button add_to_cart_button">
                                            <a href="#">
                                                <img src="images/icons/shopping-cart-black-icon.png" alt="cart">
                                            </a>
                                        </div>
                                        <h5 class="woocommerce-loop-product__title"><a href="#">Laundry Bag</a></h5>
                                        <span class="price">
												<ins>
													<span class="woocommerce-Price-amount amount">
														<span class="woocommerce-Price-currencySymbol">$</span>
														37
													</span>
												</ins>
											</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Product 7 -->
                        <div class="col">
                            <div class="product type-product">
                                <div class="woocommerce-LoopProduct-link">
                                    <div class="product-image">
                                        <script type="text/javascript">
                                            <!--修改img src里面的值-->
                                            $(function () {

                                                $.ajax({
                                                    type: 'POST',
                                                    url: "http://localhost:8080/HomeMuseum_war_exploded/conmmodity/selectById.do?cid=7",
                                                    success:function (data) {

                                                        if(data!=null){
                                                            $("#img7").attr("src",data);
                                                        }else{
                                                            $("#img7").attr("src",111111111111);
                                                        }
                                                    }
                                                });
                                            })
                                        </script>
                                        <a href="#" class="wp-post-image">
                                            <img class="image-cover" src="" id="img7" alt="product">
                                            <img class="image-secondary" src="images/hp-1-featured-77.jpg" alt="product">
                                        </a>
                                        <a href="#" class="onnew">NEW</a>
                                        <div class="yith-wcwl-add-button show">
                                            <a href="#" class="add_to_wishlist">
                                                <i class="zmdi zmdi-favorite-outline"></i>
                                            </a>
                                        </div>
                                        <div class="button add_to_cart_button">
                                            <a href="#">
                                                <img src="images/icons/shopping-cart-black-icon.png" alt="cart">
                                            </a>
                                        </div>
                                        <h5 class="woocommerce-loop-product__title"><a href="#">Hocko Blanket</a></h5>
                                        <span class="price">
												<ins>
													<span class="woocommerce-Price-amount amount">
														<span class="woocommerce-Price-currencySymbol">$</span>
														42
													</span>
												</ins>
											</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Product 8 -->
                        <div class="col">
                            <div class="product type-product">
                                <div class="woocommerce-LoopProduct-link">
                                    <div class="product-image">
                                        <script type="text/javascript">
                                            <!--修改img src里面的值-->
                                            $(function () {

                                                $.ajax({
                                                    type: 'POST',
                                                    url: "http://localhost:8080/HomeMuseum_war_exploded/conmmodity/selectById.do?cid=8",
                                                    success:function (data) {

                                                        if(data!=null){
                                                            $("#img8").attr("src",data);
                                                        }else{
                                                            $("#img8").attr("src",111111111111);
                                                        }
                                                    }
                                                });
                                            })
                                        </script>
                                        <a href="#" class="wp-post-image">
                                            <img class="image-cover" src="" id="img8" alt="product">
                                            <img class="image-secondary" src="images/hp-1-featured-88.jpg" alt="product">
                                        </a>
                                        <div class="yith-wcwl-add-button show">
                                            <a href="#" class="add_to_wishlist">
                                                <i class="zmdi zmdi-favorite-outline"></i>
                                            </a>
                                        </div>
                                        <div class="button add_to_cart_button">
                                            <a href="#">
                                                <img src="images/icons/shopping-cart-black-icon.png" alt="cart">
                                            </a>
                                        </div>
                                        <h5 class="woocommerce-loop-product__title"><a href="#">Tweed Armchair</a></h5>
                                        <span class="price">
												<ins>
													<span class="woocommerce-Price-amount amount">
														<span class="woocommerce-Price-currencySymbol">$</span>
														31
													</span>
												</ins>
											</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Product 9 -->
                        <div class="col">
                            <div class="product type-product">
                                <div class="woocommerce-LoopProduct-link">
                                    <div class="product-image">
                                        <script type="text/javascript">
                                            <!--修改img src里面的值-->
                                            $(function () {

                                                $.ajax({
                                                    type: 'POST',
                                                    url: "http://localhost:8080/HomeMuseum_war_exploded/conmmodity/selectById.do?cid=9",
                                                    success:function (data) {

                                                        if(data!=null){
                                                            $("#img9").attr("src",data);
                                                        }else{
                                                            $("#img9").attr("src",111111111111);
                                                        }
                                                    }
                                                });
                                            })
                                        </script>
                                        <a href="#" class="wp-post-image">
                                            <img class="image-cover" src="" id="img9" alt="product">
                                            <img class="image-secondary" src="images/hp-1-featured-99.jpg" alt="product">
                                        </a>
                                        <a href="#" class="onsale">SALE</a>
                                        <div class="yith-wcwl-add-button show">
                                            <a href="#" class="add_to_wishlist">
                                                <i class="zmdi zmdi-favorite-outline"></i>
                                            </a>
                                        </div>
                                        <div class="button add_to_cart_button">
                                            <a href="#">
                                                <img src="images/icons/shopping-cart-black-icon.png" alt="cart">
                                            </a>
                                        </div>
                                        <h5 class="woocommerce-loop-product__title"><a href="#">Low Table/Stool</a></h5>
                                        <span class="price">
												<del>
													<span class="woocommerce-Price-amount amount">
														<span class="woocommerce-Price-currencySymbol">$</span>
														49
													</span>
												</del>
												<ins>
													<span class="woocommerce-Price-amount amount">
														<span class="woocommerce-Price-currencySymbol">$</span>
														29
													</span>
												</ins>
											</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Product 10 -->
                        <div class="col">
                            <div class="product type-product">
                                <div class="woocommerce-LoopProduct-link">
                                    <div class="product-image">
                                        <script type="text/javascript">
                                            <!--修改img src里面的值-->
                                            $(function () {

                                                $.ajax({
                                                    type: 'POST',
                                                    url: "http://localhost:8080/HomeMuseum_war_exploded/conmmodity/selectById.do?cid=10",
                                                    success:function (data) {

                                                        if(data!=null){
                                                            $("#img10").attr("src",data);
                                                        }else{
                                                            $("#img10").attr("src",111111111111);
                                                        }
                                                    }
                                                });
                                            })
                                        </script>
                                        <a href="#" class="wp-post-image">
                                            <img src="" id="img10" alt="product">
                                        </a>
                                        <a href="#" class="onnew">NEW</a>
                                        <div class="yith-wcwl-add-button show">
                                            <a href="#" class="add_to_wishlist">
                                                <i class="zmdi zmdi-favorite-outline"></i>
                                            </a>
                                        </div>
                                        <div class="button add_to_cart_button">
                                            <a href="#">
                                                <img src="images/icons/shopping-cart-black-icon.png" alt="cart">
                                            </a>
                                        </div>
                                        <h5 class="woocommerce-loop-product__title"><a href="#">Cushion Cover</a></h5>
                                        <span class="price">
												<ins>
													<span class="woocommerce-Price-amount amount">
														<span class="woocommerce-Price-currencySymbol">$</span>
														12
													</span>
												</ins>
											</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="view-all">
                    <a href="shop-full-width.html" class="au-btn btn-small">View All<i class="zmdi zmdi-arrow-right"></i></a>
                </div>
            </div>
        </div>
    </section>
    <!-- End Featured Sale Section -->

    <!-- Banner Section -->
    <section class="banner-hp-1 section-box">
        <div class="container">
            <div class="banner-content">
                <div class="row">
                    <div class="col-xl-4 col-lg-4 col-md-4 cl-sm-12 col-12">
                        <div class="banner-left">

                            <a href="#" class="bg-image">
                                <img src="images/hp-1-banner-1.jpg" alt="banner">
                            </a>
                            <div class="info">
                                <a href="#" class="sale">SALE UP TO</a>
                                <span>50% OFF</span>
                                <a href="shop-full-width.html" class="shop">Shop Now<i class="zmdi zmdi-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-8 col-lg-8 col-md-8 cl-sm-12 col-12">
                        <div class="banner-right">
                            <a href="#" class="bg-image">
                                <img src="images/hp-1-banner-2.jpg" alt="banner">
                            </a>
                            <div class="info">
                                <p class="text-1">Get <span>30%</span> Off</p>
                                <p class="text-2">on Elisa Armchair collection</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Banner Section -->

    <!-- Testimonials Section -->
    <section class="testimonials-hp-1">
        <div class="container-fluid">
            <div class="testimonials-content">
                <div id="testimonials-hp-1" class="owl-carousel owl-theme">
                    <!-- Item 1 -->
                    <div class="item">
                        <div class="row">
                            <div class="col-xl-5 col-lg-5 col-md-5 col-sm-12 col-12 left-block">
                                <div class="images">
                                    <img src="images/hp-1-testimonials-1.png" alt="testimonials">
                                </div>
                            </div>
                            <div class="col-xl-7 col-lg-7 col-md-7 col-sm-12 col-12 right-block">
                                <div class="testimonials-detail">
                                    <i class="zmdi zmdi-quote"></i>
                                    <p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness.</p>
                                    <h5>Mary Morrison</h5>
                                    <span>- Photography -</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Item 2 -->
                    <div class="item">
                        <div class="row">
                            <div class="col-xl-5 col-lg-5 col-md-5 col-sm-12 col-12 left-block left-block-2">
                                <div class="images">
                                    <img src="images/hp-1-testimonials-2.png" alt="testimonials">
                                </div>
                            </div>
                            <div class="col-xl-7 col-lg-7 col-md-7 col-sm-12 col-12 right-block">
                                <div class="testimonials-detail">
                                    <i class="zmdi zmdi-quote"></i>
                                    <p>I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born.</p>
                                    <h5>Anna Taylor</h5>
                                    <span>- Designer -</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Testimonials Section -->

    <!-- Insta Follow Section -->
    <section class="insta-hp-1 section-box">
        <div class="container">
            <div class="insta-content">
                <h2>Follow Instagram</h2>
                <span>@Novas.InteriorDesign</span>
                <div class="row">
                    <!-- Insta 1 -->
                    <div class="col">
                        <div class="insta-detail">
                            <a href="https://www.instagram.com/" class="insta-image">
                                <img src="images/hp-1-ig-1.jpg" alt="insta-1">
                                <div class="overlay"></div>
                            </a>
                        </div>
                    </div>
                    <!-- Insta 2 -->
                    <div class="col">
                        <div class="insta-detail">
                            <a href="#" class="insta-image">
                                <img src="images/hp-1-ig-2.jpg" alt="insta-2">
                                <div class="overlay"></div>
                            </a>
                        </div>
                    </div>
                    <!-- Insta 3 -->
                    <div class="col">
                        <div class="insta-detail">
                            <a href="#" class="insta-image">
                                <img src="images/hp-1-ig-3.jpg" alt="insta-3">
                                <div class="overlay"></div>
                            </a>
                        </div>
                    </div>
                    <!-- Insta 4 -->
                    <div class="col">
                        <div class="insta-detail">
                            <a href="#" class="insta-image">
                                <img src="images/hp-1-ig-4.jpg" alt="insta-4">
                                <div class="overlay"></div>
                            </a>
                        </div>
                    </div>
                    <!-- Insta 5 -->
                    <div class="col">
                        <div class="insta-detail">
                            <a href="#" class="insta-image">
                                <img src="images/hp-1-ig-5.jpg" alt="insta-5">
                                <div class="overlay"></div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Insta Follow Section -->
</div>

<footer class="footer-section section-box">
    <div class="footer-content">
        <div class="container">
            <div class="row">
                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12">
                    <div class="footer-items">
                        <div class="logo">
                            <a href="index.html"><img src="images/icons/logo-white.png" alt="logo"></a>
                        </div>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>
                        <div class="socials">
                            <a href="#"><i class="zmdi zmdi-facebook"></i></a>
                            <a href="#"><i class="zmdi zmdi-twitter"></i></a>
                            <a href="#"><i class="zmdi zmdi-tumblr"></i></a>
                            <a href="#"><i class="zmdi zmdi-instagram"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12">
                    <div class="footer-items footer-items-1">
                        <h4>Contact</h4>
                        <div class="contact">
                            <i class="zmdi zmdi-map"></i>
                            <span>No 40 Baria Sreet 133/2</span>
                        </div>
                        <div class="contact">
                            <i class="zmdi zmdi-phone"></i>
                            <span><a href="tel:15618003666666">+ (156) 1800-366-6666</a></span>
                        </div>
                        <div class="contact">
                            <i class="zmdi zmdi-email"></i>
                            <span><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d693a4bfb5fbeee496b3aeb7bba6bab3f8b5b9bb">[email&#160;protected]</a></span>
                        </div>
                        <div class="contact">
                            <i class="zmdi zmdi-globe"></i>
                            <span>www.novas.com</span>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12">
                    <div class="footer-items footer-items-2">
                        <h4>Profile</h4>
                        <div class="profile">
                            <i class="zmdi zmdi-account"></i>
                            <span><a href="my-account.html">My Account</a></span>
                        </div>
                        <div class="profile">
                            <i class="zmdi zmdi-shopping-cart"></i>
                            <span><a href="check-out.jsp">Checkout</a></span>
                        </div>
                        <div class="profile">
                            <i class="zmdi zmdi-eye"></i>
                            <span><a href="order-tracking.jsp">Order Tracking</a></span>
                        </div>
                        <div class="profile">
                            <i class="zmdi zmdi-pin-help"></i>
                            <span><a href="#">Help & Suppport</a></span>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12">
                    <div class="footer-items">
                        <h4>Newsletter</h4>
                        <p>Subscribe to our newsletter</p>
                        <div class="email">
                            <div class="send">
                                <i class="zmdi zmdi-mail-send"></i>
                            </div>
                            <input type="email" required="" pattern="[^@]+@[^@]+.[a-zA-Z]{2,6}" name="email" placeholder="Your e-mail...">
                        </div>
                        <span>@ 2019 Novas. <a href="https://themeforest.net/cart/add_items?item_ids=23123473" target="_blank">Get The Template</a></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>

<a href="#" id="back-to-top"></a>
<!--  JS  -->
<!-- Jquery -->
<script src="js/jquery.min.js"></script>
<script src="layui/layui.js"></script>
<!-- Bootstrap -->
<script src="vendor/bootrap/js/bootstrap.min.js"></script>
<!-- Waypoints Library -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Owl Carousel 2 -->
<script src="vendor/owl/js/owl.carousel.min.js"></script>
<script src="vendor/owl/js/OwlCarousel2Thumbs.min.js"></script>
<!-- Slider Revolution core JavaScript files -->
<script src="vendor/revolution/js/jquery.themepunch.tools.min.js"></script>
<script src="vendor/revolution/js/jquery.themepunch.revolution.min.js"></script>
<!-- Isotope Library-->
<script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<!-- Masonry Library -->
<script type="text/javascript" src="js/jquery.masonry.min.js"></script>
<script type="text/javascript" src="js/masonry.pkgd.min.js"></script>
<!-- fancybox-master Library -->
<script type="text/javascript" src="vendor/fancybox-master/js/jquery.fancybox.min.js"></script>
<!-- Google Map -->
<script src="http://ditu.google.cn/maps/api/js"></script>
<script src="js/theme-map.js"></script>
<!-- Countdown Library -->
<script src="vendor/countdown/jquery.countdown.min.js"></script>
<!-- Audio Library-->
<script src="vendor/mejs/mediaelement-and-player.min.js"></script>
<!-- noUiSlider Library -->
<script type="text/javascript" src="vendor/nouislider/js/nouislider.js"></script>
<!-- Form -->
<script src="vendor/sweetalert/sweetalert.min.js"></script>
<script src="js/config-contact.js"></script>
<!-- Main Js -->
<script src="js/custom.js"></script>
</body>
</html>